<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${infoMap['title']}+' - 讲师详情 - '+${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div data-th-replace="layout/common-hade-one"></div>
    <div class="cm-bg-fb cm-bg-20">
        <div class="container">
            <ol class="breadcrumb mt10">
                <li><a href="/">首页</a></li>
                <li><a th:href="@{/web/teacher/list}">讲师列表</a></li>
                <li class="active">讲师详情</li>
            </ol>
            <input type="hidden" id="isQuestion" th:value="${teacher['isQuestion']}"/>
            <input type="hidden" id="teacherId" th:value="${teacher['id']}"/>
            <div class="mt20">
                <div class="cm-wbg__bx cm-wbg-teach__bx">
                    <section class="teacher-info__wrap">
                        <aside class="teacher-info-l-attr">
                            <div class="teacher-info-l-attr__wrap">
                                <section class="teach-info-course-tj pr">
                                    <aside class="c-banner-cover-video">
                                        <a th:if="${#maps.isEmpty(teacher['courseMap'])}" href="javascript:;">
                                            <button class="btn btn-lg btn-default btn-outline btn-rounded" type="button" style="color: #fff">
                                                <i class="fa fa-play mr10"></i> 暂无课程
                                            </button>
                                        </a>
                                        <a th:if="!${#maps.isEmpty(teacher['courseMap'])}" th:href="@{/web/course/courseInfo?courseId={courseId}(courseId=${teacher['courseMap']['id']})}">
                                            <button class="btn btn-lg btn-default btn-outline btn-rounded" type="button" style="color: #fff">
                                                <i class="fa fa-play mr10"></i> 开通课程
                                            </button>
                                        </a>
                                    </aside>
                                    <div class="teach-info-c-alink">
                                        <a th:if="!${#maps.isEmpty(teacher['courseMap'])} and ${teacher['isQuestion']==1}" href="javascript:void(0);" id="teachAllCourseBtn" class="c-fff"> 全部课程 <i class="fa fa-angle-right"></i></a>
                                    </div>
                                    <div class="teach-info-course-tj-bg"></div>
                                    <img th:if="!${#maps.isEmpty(teacher['courseMap'])} and !${#maps.isEmpty(teacher['courseMap']['imageMap'])}" class="lazy" th:attrappend="data-original=${teacher['courseMap']['imageMap']['pcUrlMap']['large']}" width="360" height="200"/>
                                    <img th:if="${#maps.isEmpty(teacher['courseMap'])} or ${#maps.isEmpty(teacher['courseMap']['imageMap'])}" th:src="@{{path}/front/web/v3/img/default/default-course.gif(path=${staticPath})}" width="360" height="200"/>
                                </section>
                                <section class="teach-info-attr">
                                    <div class="teach-info-face__wrap clearfix">
                                        <aside class="teach-info-face">
                                            <img th:attrappend="data-original=${teacher['imageMap']['pcUrlMap']['large']}" th:src="@{{path}/front/web/v3/img/default/default-face.gif(path=${staticPath})}" width="78" height="78" alt="" class="img-circle lazy-user">
                                        </aside>
                                        <section class="hLh20 mt10 txtOf"><span class="fs18 c-fff" th:text="${teacher['teacherName']}"></span></section>
                                    </div>
                                    <div class="teach-info-attr__cont teach-info_main mt10">
                                        <p class="c-fff" th:utext="${teacher['depict']}"></p>
                                    </div>
                                    <div class="mt20 pt10 c-share__wrap text-right oShareBtn" th:attr="data-mobile=${mobilePath}+${mobilePathShare}">
                                        <span class="c-ccc">分享：</span>
                                        <a href="javascript:void (0);" id="share_teacher"class="ml10" title="分享"><i class="fa fa-share"></i></a>
                                    </div>
                                </section>
                            </div>
                        </aside>
                        <article class="teacher-info-cont">
                            <div class="t-info-cont__wrap">
                                <!--讲师主页 开始-->
                                <section th:classappend="${teacher['isQuestion']}==0?'tcShow':''" class="teach-info-index" >
                                    <div>
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <section class="alert alert-warning">
                                                    <div class="mt10 mr10 ml10">
                                                        <section class="hLh20 clearfix">
                                                            <aside class="pull-right"><span class="c-warning">
                                                                <i class="fa fa-level-up"></i></span>
                                                            </aside>
                                                            <span class="fs14 c-333">学生数</span>
                                                        </section>
                                                        <section>
                                                            <big class="fs24 c-warning" th:text="${teacher['userNum']}"></big>
                                                        </section>
                                                    </div>
                                                </section>
                                            </div>
                                            <div class="col-sm-4">
                                                <section class="alert alert-warning">
                                                    <div class="mt10 mr10 ml10">
                                                        <section class="hLh20 clearfix">
                                                            <aside class="pull-right"><span class="c-warning"><i class="fa fa-level-up"></i></span></aside>
                                                            <span class="fs14 c-333">提问问题数</span>
                                                        </section>
                                                        <section>
                                                            <big class="fs24 c-warning" th:text="${teacher['questionNum']}"></big>
                                                        </section>
                                                    </div>
                                                </section>
                                            </div>
                                            <div class="col-sm-4">
                                                <section class="alert alert-warning">
                                                    <div class="mt10 mr10 mb10 ml10">
                                                        <section class="hLh20 clearfix">
                                                            <aside class="pull-right"></aside>
                                                            <span class="fs14 c-333">好评星</span>
                                                        </section>
                                                        <section class="mt5">
                                                            <span class="fs14">
                                                                <i class="fa fa-star c-warning"></i>
                                                                <i class="fa fa-star c-warning"></i>
                                                                <i class="fa fa-star c-warning"></i>
                                                                <i class="fa fa-star c-warning"></i>
                                                                <i class="fa fa-star c-warning"></i>
                                                            </span>
                                                        </section>
                                                    </div>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                    <div th:if="${teacher['isQuestion']}== 1" class="clearfix pt10">
                                        <aside class="pull-right ml10"><a th:href="@{/web/uc/qa/initSaveQuestionView?type=2&teacherId={teacherId}(teacherId=${teacher['id']})}"><button type="button" class="btn btn-block btn-w-m btn-danger unRadius">立即提问</button></a></aside>
                                        <aside class="pull-right">
                                            <section th:if="${teacher['questionFee']}>0">
                                                <span class="fs12 c-danger"><i class="fa fa-yen"></i></span>
                                                <span class="fs24 c-danger" th:text="${teacher['questionFee']}"></span>
                                                <span class="fs14 c-999">/次</span>
                                            </section>
                                            <section th:if="${teacher['questionFee']}<=0">
                                                <span class="fs24 c-primary">免费</span>
                                            </section>
                                        </aside>
                                        <aside class="pull-left">
                                            <span class="question-pay-ico vam">&nbsp;</span>
                                            <span class="ml10 vam"><small class="c-333 fs14">付费回答，回答服务更快捷，答案更准确</small></span>
                                        </aside>
                                    </div>
                                    <div class="mt20">
                                        <div class="clearfix">
                                            <aside class="pull-right mt10"><a th:href="@{/web/qa/listQuestion}" class="fs12 c-999">去问答广场 <i class="fa fa-angle-right"></i></a></aside>
                                            <section class="c-head-title">
                                                <h6><span class="fs16 c-333">Ta 的问答</span></h6>
                                                <hr>
                                            </section>
                                        </div>
                                        <div class="mt20" id="teacher-question">

                                        </div>
                                    </div>
                                </section>
                                <!--讲师主页 结束-->
                                <!--讲师全部课程 开始-->
                                <section th:classappend="${teacher['isQuestion']}==0?'tcShow':''" class="teach-info-allCourse__wrap">
                                    <div class="hLh20 text-right">
                                        <aside class="pull-left">
                                            <span class="fs16 c-666">共</span>
                                            <small class="fs16 c-info" id="teacher-course-sum"></small>
                                            <span class="fs16 c-666">门课程</span>
                                        </aside>
                                        <a th:if="${teacher['isQuestion']}==1" href="javascript: ;" id="closeAllCourseBtn" class="fs18 c-999" title="关闭">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                    <div class="mt10" id="course-list-context">

                                    </div>
                                </section>
                                <!--讲师全部课程 结束-->
                            </div>
                        </article>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/web/business/teacher/teacher-info.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/libs/plugins/slimscroll/jquery.slimscroll.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/common/shareFn.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/qrcode/qrcode.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <!--<script type="text/javascript">
        $(function(){
            $('.teach-info-attr__cont p').slimScroll({
                height: '100%',
                railOpacity: 0.9,
                alwaysVisible: true
            });
        })
    </script>-->
</body>
</html>